/**
* @description 公共css
*/
$success: #04a568;
$gray: #909399;

/* color */
.success {
  color: $success;
}

.gray {
  color: $gray;
}

/* 鼠标呈手指状态 */
.pointer {
  cursor: pointer;
}

// 文字居中
.text-center {
  text-align: center;
}

// 文字居右
.text-right {
  text-align: right;
}

// 文字居左
.text-left {
  text-align: left;
}

// 超出隐藏
.overflow {
  overflow: hidden;
}

// 浮动
.left {
  float: left;
}

.right {
  float: right;
}

// 弹性布局
.flex {
  display: flex;
}

.flex-center {
  align-items: center;
  justify-content: center;
}

.align-center {
  align-items: center;
}

.flex-wrap-2 {
  flex: 2;
}

.flex-wrap-5 {
  flex: 5;
}

.flex-wrap-1 {
  flex: 1;
}

.flex-wrap {
  flex-wrap: wrap;
}

// 移植样式 修改element默认样式
// .el-button--primary {
//   color: #fff;
//   background-color: #04a568;
//   border-color: #04a568;
// }

// .el-button--primary:focus,
// .el-button--primary:hover {
//   color: #fff;
//   background-color: #04a568;
//   border-color: #04a568;
//   opacity: 0.8;
// }

// .el-tabs__active-bar {
//   color: #fff;
//   background-color: #04a568;
//   border-color: #04a568;
// }

// .el-tabs__item.is-active,
// .el-tabs__item:hover {
//   color: #04a568;
// }
